<template>
  <div :style="{ border: '1px solid green' }">
    <h2>One</h2>
    <button @click="$parent.count++">改父组件count</button>
  </div>
</template>

<script>
export default {
  name: "One",
  mounted() {
    /* 
      组件实例上有一个$parent属性，可以获取当前组件的父组件实例,就可以操作父组件的数据
      但是子组件可能会有不同的父组件,不推荐使用
      如果子组件固定父组件,则可以使用
    
    */
    console.log(this.$parent, "$parent");
  },
};
</script>

<style></style>
